<template>
    <div class="center-main">
        <section class="order-main-header">
            <mt-header title="帮助中心">
            <mt-button  icon="back" slot="left" @click="handleClose()"></mt-button>
            </mt-header>
        </section>
        <section class="proposal">
            <router-link  class="flex"  :to="{path:'/center/news',query:{type:1}}">
                <div> 官方公告</div>
                 <div  class="rotate">  <img src="../../assets/my/right.png"></div>
            </router-link>
            <router-link class="flex" :to="{path:'/center/news',query:{type:15}}">
                <div>  平台介绍</div>
                 <div class="rotate">  <img src="../../assets/my/right.png"></div>
            </router-link>
              <router-link class="flex" :to="{path:'/center/news',query:{type:3}}">
                <div>  新手指引</div>
                 <div class="rotate">  <img src="../../assets/my/right.png"></div>
            </router-link>
             <router-link class="flex" :to="{path:'/center/news',query:{type:16}}">
                <div>  法币交易</div>
                 <div class="rotate">  <img src="../../assets/my/right.png"></div>
            </router-link>
            <router-link class="flex" :to="{path:'/center/news',query:{type:14}}">
                <div>  币币交易</div>
                 <div class="rotate">  <img src="../../assets/my/right.png"></div>
            </router-link>
             <router-link class="flex" :to="{path:'/center/news',query:{type:10}}">
                <div> 服务协议</div>
                 <div class="rotate">  <img src="../../assets/my/right.png"></div>
            </router-link>
        </section>
    </div>
</template>
<script>
import axios from 'axios'
export default {

    name:'my',
   data(){
         return {
         sessionData:''
         }
    },
    mounted() {
        this.$http.post('v1/session?'+ new Date().getTime(),).then((res)=>{
            this.sessionData=res.data.data;
             console.log(this.sessionData)
        })
    },
    methods: {
        handleClose(){
                this.$router.go(-1);
            },
    },
}
</script>
<style lang="less" scoped>
.mint-header {
    height: 100px;
    font-size: 32px;
    background-color: #222240 ;
    color: #E0E0F9;
}
.proposal{
    a{
        color: #8686C0;
    }
    .flex{
        height:96px;
        background:rgba(34,34,64,1);
          display: flex;
        justify-content: space-between;
        margin-bottom: 2px;
          align-items: center;
          padding-left: 30px;
          padding-right: 30px;
          img{
              margin-right: 30px;
          }
    }
}
    .center-main{
        color: #8686C0;
    }
.flex-between{
    display: flex;
justify-content: space-between;
}
.rotate{
    transform:rotate(-180deg);
-webkit-transform:rotate(-180deg);
-moz-transform:rotate(-180deg);
-o-transform:rotate(-180deg);
-mz-transform:rotate(-180deg);
img{
    width: 30px;
    height: 30px;
}
}
.order-main-header header{
    width: 100%;
}
</style>